<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="../templates/commonLayout.xhtml">
    <ui:define name="content">
        <script type="text/javascript" src="#{root}js/locales.js" />  
        <style>
            .ui-panelgrid td {
                border-width: 0px;
            }
        </style>
        <h:form>
            <p:panelGrid columns="2">
                <f:facet name="header">
                    <h:outputText value="#{msgs.editarProducto}"/>
                </f:facet>                
                <h:outputLabel value="#{msgs.nombre}: "/>
                <p:inputText value="#{editarProductoBean.proyecto.nombre}"/>
                <h:outputLabel value="#{msgs.descripcion} "/>
                <p:inputText value="#{editarProductoBean.proyecto.des}"/>
                <h:outputLabel value="#{msgs.fechaInicio}: "/>
                <p:calendar locale="es" navigator="true" value="#{editarProductoBean.proyecto.fecini}" id="popupCal" />
                <h:outputLabel value="#{msgs.fechaFin}: "/>
                <p:calendar locale="es" navigator="true" value="#{editarProductoBean.proyecto.fecfin}" id="popupCal2" />
                <h:outputLabel value="#{msgs.cliente}: "/>
                <p:inputText value="#{editarProductoBean.proyecto.nomcli}"/>
                <h:outputLabel value="#{msgs.horasJornada}: "/>
                <p:spinner value="#{editarProductoBean.proyecto.horasJornada}"/>
                <h:outputLabel value="#{msgs.scrumMaster}: "/>
                <p:selectOneMenu value="#{editarProductoBean.colaborador}">
                    <f:selectItems value="#{listadoColaboradores.listado}"/>
                </p:selectOneMenu>
                <h:outputLabel value="#{msgs.colaboradores}: "/>
                <p:pickList id="pojoPickList" value="#{editarProductoBean.colaboradores}" var="colaborador"
                            itemValue="#{colaborador}" converter="colaborador"
                            showSourceControls="true" showTargetControls="true">
                    <f:facet name="sourceCaption"><h:outputText value="#{msgs.listado}"/></f:facet>
                    <f:facet name="targetCaption"><h:outputText value="#{msgs.activos}"/></f:facet>

                    <p:column style="width:75%;">
                        #{colaborador.nombre}
                    </p:column>
                </p:pickList>
                <f:facet name="footer">                    
                    <p:commandButton ajax="false" value="#{msgs.guardar}" action="#{editarProductoBean.editar}"/>
                </f:facet> 
                <h:inputHidden id="hidden1" value="#{editarProductoBean.id}" />
            </p:panelGrid>                    
        </h:form>
    </ui:define>          
</ui:composition>

